<template>
	<view :style="{'--color':vuex_config.themeColor1}">
		<u-sticky :offset-top="80">
			<view class="search_box">
				<u-search placeholder="请输入手机号码" v-model="inputName" @custom="toSearch" @search="toSearch"
					@clear="toSearch"></u-search>
			</view>
		</u-sticky>
		<data-view :dataList="dataList"></data-view>
		<sww-load-more :params="dataListParams"></sww-load-more>
	</view>
</template>

<script>
	import dataView from './components/index.vue'
	import {
		pagingMixin
	} from '@/mixins/sysPaging.js'
	export default {
		mixins: [pagingMixin],
		data() {
			return {
				inputName: '',
			};
		},
		components: {
			'data-view': dataView
		},
		onLoad() {
			this.toSearch()
		},
		onReachBottom() {
			this._load_data()
		},
		methods: {
			toSearch() {
				this._init_data('GetDistributorContactsList', {
					business_id: this.vuex_business.pk_id,
					name: this.inputName
				})
			}
		},
	};
</script>

<style scoped lang="scss">
	.search_box {
		padding: 0 10rpx 0 30rpx;
	}
</style>
